.table {
  border-collapse: collapse;
  width: 100%;
}

.row {
  --rowBorder: 1px solid rgb(var(--rgbText) / 0.2);

  border-top: var(--rowBorder);

  &:last-child {
    border-bottom: var(--rowBorder);
  }

  @nest .head & {
    border-top: 0;
  }
}

.headCell {
  font-weight: var(--fontWeightMedium);
  text-align: left;
}

.cell,
.headCell {
  padding-right: var(--spaceXL);
  padding-top: var(--spaceM);
  padding-bottom: var(--spaceM);

  &:last-child {
    padding-right: 0;
  }
}
